<template>
	<div>
		<div class="people_body">
			<div class="people_item" v-for="(item,index) in pelList" :key="index" v-show="item.id > 99756" @click="inin(item.id)">
				<img :src="item.pic">
				<div class="people_card">
					<div class="people_title">{{item.name}}</div>
					<p class="people_title_two">{{item.characteristic}}</p>
					<p class="people_title_three">￥{{item.minPrice}}</p>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		props:{
			pelList : Object,
			// pellist : Array
		},
		methods:{
			inin(id){
				this.$router.push({
					path:'Pelinner',
					query:{
						id
					}
				})
			}
		}
	}
</script>

<style scoped>
	.people_body
	{
		display: flex;
		width: 100%;
		flex-wrap: wrap;
	}
	
	.people_item
	{
		width: 46%;
		margin-left: 10px;
	}
	
	.people_item img
	{
		width: 100%;
		height: 22rem;
	}
	
	.people_title_two
	{
		color: #B2B2B2;
		font-size: 0.2rem;
	}
	
	.people_title_three
	{
		color: red;
		font-size: 0.2rem;
		font-weight: 700;
	}
	
	.people_card
	{
		margin-left: 1rem;
	}
</style>
